@charset "utf-8";
/* --Public-- */
@font-face{font-family:fz;src:url('../fonts/bahnschrift.ttf');}
body,div,span,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,ol,p,i,b,strong,a,table,th,td,form,input,textarea{
	margin:0;padding:0;outline:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body{font-family:"PingFang SC",'Microsoft Yahei','Microsoft JhengHei',Helvetica,Tahoma;}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
a{color:#333;text-decoration:none;transition: all 0.35s;-moz-transition: all 0.35s;-webkit-transition: all 0.35s;-o-transition: all 0.35s;}
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
.ts035{transition: all 0.35s;-moz-transition: all 0.35s;-webkit-transition: all 0.35s;-o-transition: all 0.35s;}
.ts05{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.fl{float:left;}
.fr{float:right;}

.start-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.center-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.center-center-colume{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: left;
    -ms-flex-line-pack: center;
    align-content: center;
}


.pic{position:relative;overflow:hidden;}
.pic img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.pic:hover img{
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
}
.picEnlarge{width:100%;height:100%;position:absolute;left:0;top:0;z-index:9;}
.picEnlarge:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background:rgba(38,161,255,0.6);
	-webkit-transition: all 250ms ease-out 0ms;
    transition: all 250ms ease-out 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
}
.picEnlarge i{
	width:52px;
	height:52px;
	border:1px solid rgba(255,255,255,0.4);
	border-radius:50%;
	background:url(../images/picEnlarge.png) no-repeat center;
	background-size:20px 20px;
	position:absolute;
	left:50%;
	bottom:0;
	opacity: 0;
	-webkit-transition: all 480ms ease-out 200ms;
    transition: all 480ms ease-out 200ms;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.pic:hover .picEnlarge:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.pic:hover .picEnlarge i{
    opacity: 1;
    bottom: 50%;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
}
.hidden{overflow:hidden;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.valign-middle{display:table-cell;vertical-align:middle;}
.pub{width:84%;padding:0 40px;margin:auto;position:relative;}
.padding{padding:60px 0;}
.clint{padding-bottom:6%;}
/* --header-- */
.header{width:100%;height:100px;border-bottom:1px solid rgba(255,255,255,0.3);position:fixed;right:0;top:0;z-index:9999;overflow:hidden;}
.header.ani{
	animation:indexFadeInDown 0.6s ease-in-out;
	-webkit-animation:indexFadeInDown 0.6s ease-in-out;
	-moz-animation:indexFadeInDown 0.6s ease-in-out;
	-o-animation:indexFadeInDown 0.6s ease-in-out;
}



.header .pub{padding:0;}
.header .logo{width:26%;height:100px;overflow:hidden;position:absolute;left:0;top:0;}
.header .logo img{width:100%;max-width:386px;display:block;}
.header .logo a{display:inline-block;}

.header .nava{width:48%;height:100px;margin-left:30%;float:left;overflow:hidden;}
.header .nava li{width:16.66%;height:100px;float:left;position:relative;}
.header .nava li .navaLi{color:#FFF;font-size:18px;line-height:100px;text-align:center;display:block;}
.header .nava li .navaLi:hover{font-weight:bold;}
.header .tel{max-width:20%;height:100px;font-size:38px;line-height:100px;color:#FFF;font-family:fz;padding-left:40px;background:url(../images/tel.png) no-repeat left center;float:right;overflow:hidden;}

.header .blogo{opacity:0;}
.header.active{background:#FFF;box-shadow:0 0 2px rgba(0,0,0,0.1);}
.header.active .wlogo{opacity:0;}
.header.active .blogo{opacity:1;}
.header.active .nava li .navaLi{color:#000;}
.header.active .tel{color:#000;}

/* --footer-- */
.footer_contact{background:#007fcc;}
.footer_contact .pub{background:url(../images/footer_map.jpg) no-repeat right center;background-size:50% 100%;}
.footer_contact .leftBox{padding:40px 0;}
.footer_contact .leftBox .logo img{width:100%;max-width:386px;display:block;}
.footer_contact .leftBox .wz{font-size:16px;line-height:32px;color:#FFF;margin-top:30px;}
.footer_contact .leftBox .btn{width:162px;height:38px;font-size:16px;line-height:38px;text-align:right;color:#FFF;background:url(../images/add.png) no-repeat left 30px center;margin-top:40px;padding:0 30px;border-radius:20px;border:1px solid #fff;overflow:hidden;display:inline-block;}
.footer_contact .leftBox .btn:hover{background-color:#ff9300;}

.footer{background:#191919;padding:40px 0;}
.footer .nava{width:60%;float:left;overflow:hidden;}
.footer .nava ul{width:14%;margin-right:6%;float:left;}
.footer .nava ul li{height:auto;font-size:14px;line-height:24px;position:relative;margin-bottom:4px;}
.footer .nava ul li:nth-of-type(1){height:auto;font-size:16px;font-weight:bold;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #259fff;}
.footer .nava ul li:nth-of-type(1):before{
    content: '';
    width:20px;
    height:1px;
    background-color:#ff9300;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.footer .nava ul li a{color:#898989;}
.footer .nava ul li:nth-of-type(1) a{color:#FFF;}
.footer .nava ul li a:hover{color:#ff9300;}
.footer .erweima{max-width:30%;float:right;margin-left:40px;overflow:hidden;}
.footer .erweima img{max-width:140px;margin:auto;display:block;}
.footer .erweima p{font-size:14px;line-height:24px;margin-top:10px;color:#898989;}

.copyright{font-size:14px;line-height:24px;color:#898989;text-align:center;padding:20px 0;border-top:1px solid rgba(255,255,255,0.2);background:#191919;overflow:hidden;}
.copyright a{color:#898989;}
.copyright a:hover{color:#ff9300;}

/* --button-- */
.normal_button{
	display:block;
	width:206px;
	height:48px;
	background:#ddd;
	text-align:center;
	line-height:48px;
	font-size:18px;
	color:#333;
	margin-top:30px;
	cursor:pointer;
	border-radius:24px;
	position:relative;
	transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.normal_button:before{
    content:'';
    width:29px;
    height:18px;
    background:url(../images/normal_button.png) no-repeat center;
    position:absolute;
    top:15px;
    right:60px;
	opacity:0;
	transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.normal_button:hover{
	color:#FFF;
	text-indent:-60px;
	background-color:#ff9300;
}
.normal_button:hover:before{
    right:40px;
	opacity:1;
}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin:60px 0 0;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #158edd;
  background: #158edd;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}

/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .bt{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{cursor:pointer;}
.txt-upDown-li:hover .bt .page-a{color:#ffa200;}
.txt-upDown-li:hover .bt a{color:#ffa200;}
.txt-upDown-li.txt-right{text-align:right;}


/* --暂无内容-- */
.no-goods{padding:160px 0;overflow:hidden;text-align:center;}
.no-goods img{width:220px;max-height: 105px;display: block;margin:0 auto 30px;}
.no-goods p{font-size:14px;color:#666666;line-height:24px;}



@keyframes indexFadeLeftUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes indexFadeLeftUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes indexFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes indexFadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes indexFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes indexFadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@keyframes indexRotateIn {
	0% {
		opacity: 0;
		-webkit-transform:scale(0) rotate(-360deg);
		transform:scale(0) rotate(-360deg);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1) rotate(45deg);
		transform:scale(1) rotate(45deg);
	}
}
@-webkit-keyframes indexRotateIn {
	0% {
		opacity: 0;
		-webkit-transform:scale(0) rotate(-360deg);
		transform:scale(0) rotate(-360deg);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1) rotate(45deg);
		transform:scale(1) rotate(45deg);
	}
}

@keyframes indexBlowIn {
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-webkit-keyframes indexBlowIn {
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

@keyframes loopCir {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes loopCir {
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}